﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="VideoHome.aspx.cs" Inherits="Face.Web.VideoPage.VideoHome" %>

<!DOCTYPE html>
<html lang="en">
<head id="Head1" runat="server">
    <meta charset="utf-8" />
    <title>Video Home</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content="" />
    <meta name="author" content="" />
    <link href="../css/bootstrap.min.css" rel="stylesheet" media="screen" />
    <style type="text/css">
        body
        {
            padding-bottom: 40px;
        }
        p
        {
            margin-top: 1px;
            margin-bottom: 1px;
        }
    </style>
    <link href="../css/bootstrap-responsive.min.css" rel="stylesheet" media="screen" />
    <link href="../css/videoPage.css" rel="stylesheet" media="screen" />
</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <%--这是顶上的导航栏--%>
    <div class="row">
        <div class="span12">
            <div class="row">
                <div class="span3 offset1">
                    <p>
                        <a href="../index.aspx">
                            <img src="/img/logo.png" alt="GatherContent logo"></a></p>
                </div>
                                <div class="span2 pull-right">
                    &nbsp
                    <div class="span3">
                        <div class="row">
                            <div class="span1">
                                <a href="/index.aspx" class=""><span style="color: Gray; font-size: small">主页</span></a>
                            </div>
                            <%if (Session["user"] == null)
                              {%>
                            <div class="span1">
                                <a href="/login_and_signup/signup.aspx">现在就注册</a>
                            </div>
                            <div class="span1">
                                <a href="/login_and_signup/login.aspx" class="btn btn-inverse btn-mini">登录</a>
                            </div>
                            <%
                                }
                              else
                              {%>
                            <div class="btn-group">
                                <a class="btn btn-mini dropdown-toggle ajax-dropdown-toggle" data-toggle="dropdown"
                                    href="#"><span>
                                        <%=Session["user"].ToString()%></span> <span class="caret"></span></a>
                                <ul class="dropdown-menu pull-right">
                                    <li>
                                        <asp:LinkButton ID="LinkButton1" CssClass="item" runat="server" OnClick="btn_logout">Logout</asp:LinkButton></li>
                                </ul>
                            </div>
                            <%} %>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="navbar navbar-inverse">
        <div class="navbar-inner">
            <div class="container">
                <div class="row">
                    <div class="span10 offset1">
                        <ul class="nav">
                            <li class=""><a href="/Pic_and_article/picture.aspx"><i class="icon-camera icon-white section-icon">
                            </i>图片</a> </li>
                            <li class=""><a href="/Pic_and_article/articalList.aspx" class="overview"><i class="icon-pencil icon-white section-icon">
                            </i>文章</a> </li>
                            <li class="active"><a href="/VideoPage/VideoHome.aspx"><i class="icon-folder-open icon-white section-icon">
                            </i>视频</a> </li>
                            <% 
                                if(Session["user"]!=null) 
                                {
                            %>
                            <li class=""><a href="../Message/MessageReceive.aspx"><i class="icon-edit icon-white section-icon">
                            </i>消息管理</a> </li>
                            <li class=""><a href="../VideoPage/MyVideoAlbumsManage.aspx"><i class="icon-play-circle icon-white section-icon">
                            </i>我的视频发布</a> </li>
                            <li class=""><a href="/xwbemo1/UserInfoCheck.aspx"><i class="icon-edit icon-white section-icon">
                            </i>我的用户信息</a> </li>
                            
                            <%
                                }
                            %>
                           
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <%--/这是顶上的导航栏--%>
    <div class="container">
        <div class="row">
            <div class="span8">
                <div class="row">
                    <input type="button" class="btn span1 pull-right" value="&nbsp搜索&nbsp" />
                    <input class="input-medium span7 pull-right" type="text" />
                </div>
                <div class="row">
                    <a href="#">1990年动画</a> <a href="#">排行</a>
                </div>
            </div>
            <div class="span4 text-right">
                <a href="/VideoPage/VideoUpload.aspx" type="button" class="btn">我要上传</a>
                <a href="/VideoPage/MyVideoAlbumsManage.aspx" type="button" class="btn">我的视频</a>
            </div>
        </div>
        <div class="row">
            <div class="span8">
                <div class="well well-small">
                    今日推荐
                </div>
                <div class="row">
                    <div id="myCarousel" class="carousel slide thumbnail span6 offset1">
                        <div class="carousel-inner">
                            <div class="item active">
                                <img src="../img/bootstrap-mdo-sfmoma-01.jpg" alt="">
                                <div class="carousel-caption">
                                    <p>
                                        即使杀光所有报晓的公鸡，天，还是会亮的</p>
                                    <p>
                                    </p>
                                </div>
                            </div>
                            <div class="item">
                                <img src="../img/bootstrap-mdo-sfmoma-02.jpg" alt="">
                                <div class="carousel-caption">
                                    <p>
                                        如果人民不欢迎我们，就该我们下台了</p>
                                    <p>
                                    </p>
                                </div>
                            </div>
                            <div class="item">
                                <img src="../img/bootstrap-mdo-sfmoma-03.jpg" alt="">
                                <div class="carousel-caption">
                                    <p>
                                        国家像需要空气一样需要变革</p>
                                    <p>
                                    </p>
                                </div>
                            </div>
                        </div>
                        <a class="left carousel-control" href="#myCarousel" data-slide="prev">&lsaquo;</a>
                        <a class="right carousel-control" href="#myCarousel" data-slide="next">&rsaquo;</a>
                    </div>
                </div>
                <div class="row">
                    <div class="span8 thumbnail">
                        <div class="well well-small">
                            强烈推荐</div>
                        <div class="row text-center">
                            <asp:Repeater ID="Video_List" runat="server" OnItemCommand="rpt_Video_ItemCommand">
                                <ItemTemplate>
                                    <div class="span2">
                                        <a href="/VideoPage/VideoDisplay.aspx?VideoID=<%# Eval("video_id") %>">
                                            <img class="img-rounded" alt="" src="<%# Eval("video_img") %>" /></a>
                                        <p>
                                            <a href="/VideoPage/VideoDisplay.aspx?VideoID=<%# Eval("video_id") %>"><span class="videoTitle">
                                                <%# Eval("video_name") %></span></a></p>
                                        <p>
                                            <span class="videoHot">播放数：<%# Eval("play_num") %></span></p>
                                    </div>
                                </ItemTemplate>
                            </asp:Repeater>
                        </div>
                    </div>
                </div>
            </div>
            <div class="span3 offset1">
                <div class="row thumbnail">
                    <div class="well well-small">
                        热门排行</div>
                    <ul id="tab" class="nav nav-tabs">
                        <li class="active"><a href="#oneDay" data-toggle="tab">一日内</a></li>
                        <li><a href="#threeDay" data-toggle="tab">三日内</a></li>
                        <li><a href="#oneMonth" data-toggle="tab">一个月内</a></li>
                    </ul>
                    <div id="myTabContent" class="tab-content">
                        <div class="tab-pane fade in active" id="oneDay">
                            <asp:Repeater ID="Repeater1" runat="server" OnItemCommand="rpt_Repeater1_ItemCommand">
                                <ItemTemplate>
                                    <div class="row">
                                        <div class="span1">
                                            <a href="VideoDisplay.aspx">
                                                <img class="img-rounded" alt="" src="<%# Eval("video_img") %>" /></a>
                                        </div>
                                        <div class="span2">
                                            <p>
                                                <a href="VideoDisplay.aspx"><span class="videoTitle">
                                                    <%# Eval("video_name") %></span></a></p>
                                            <p>
                                                <span class="videoHot">播放数：<%# Eval("play_num") %></span></p>
                                            <p>
                                                &nbsp
                                            </p>
                                        </div>
                                    </div>
                                </ItemTemplate>
                            </asp:Repeater>
                        </div>
                        <div class="tab-pane fade in " id="threeDay">
                            <asp:Repeater ID="Repeater2" runat="server" OnItemCommand="rpt_Repeater2_ItemCommand">
                                <ItemTemplate>
                                    <div class="row">
                                        <div class="span1">
                                            <a href="VideoDisplay.aspx">
                                                <img class="img-rounded" alt="" src="<%# Eval("video_img") %>" /></a>
                                        </div>
                                        <div class="span2">
                                            <p>
                                                <a href="VideoDisplay.aspx"><span class="videoTitle">
                                                    <%# Eval("video_name") %></span></a></p>
                                            <p>
                                                <span class="videoHot">播放数：<%# Eval("play_num") %></span></p>
                                            <p>
                                                &nbsp
                                            </p>
                                        </div>
                                    </div>
                                </ItemTemplate>
                            </asp:Repeater>
                        </div>
                        <div class="tab-pane fade in " id="oneMonth">
                            <asp:Repeater ID="Repeater3" runat="server" OnItemCommand="rpt_Repeater3_ItemCommand">
                                <ItemTemplate>
                                    <div class="row">
                                        <div class="span1">
                                            <a href="VideoDisplay.aspx">
                                                <img class="img-rounded" alt="" src="<%# Eval("video_img") %>" /></a>
                                        </div>
                                        <div class="span2">
                                            <p>
                                                <a href="VideoDisplay.aspx"><span class="videoTitle">
                                                    <%# Eval("video_name") %></span></a></p>
                                            <p>
                                                <span class="videoHot">播放数：<%# Eval("play_num") %></span></p>
                                            <p>
                                                &nbsp
                                            </p>
                                        </div>
                                    </div>
                                </ItemTemplate>
                            </asp:Repeater>
                        </div>
                    </div>
                </div>
                <div class="row thumbnail">
                    <div class="well well-small">
                        热门专辑排行</div>
                    <ul id="Ul1" class="nav nav-tabs">
                        <li class="active"><a href="#oneDay2" data-toggle="tab">一日内</a></li>
                        <li><a href="#threeDay2" data-toggle="tab">三日内</a></li>
                        <li><a href="#oneMonth2" data-toggle="tab">一个月内</a></li>
                    </ul>
                    <div id="Div1" class="tab-content">
                        <div class="tab-pane fade in active" id="oneDay2">
                            <asp:Repeater ID="Repeater4" runat="server" OnItemCommand="rpt_Repeater3_ItemCommand">
                                <ItemTemplate>
                                    <div class="row">
                                        <div class="span1">
                                            <a href="OthersVideos.aspx">
                                                <img class="img-rounded" alt="" src="<%# Eval("album_path") %>" /></a>
                                        </div>
                                        <div class="span2">
                                            <p>
                                                <a href="OthersVideos.aspx"><span class="videoTitle"><%# Eval("album_name") %></span></a></p>
                                            <p>
                                                &nbsp
                                            </p>
                                        </div>
                                    </div>
                                </ItemTemplate>
                            </asp:Repeater>
                        </div>
                        <div class="tab-pane fade in active" id="threeDay2">
                            <asp:Repeater ID="Repeater5" runat="server" OnItemCommand="rpt_Repeater3_ItemCommand">
                                <ItemTemplate>
                                    <div class="row">
                                        <div class="span1">
                                            <a href="OthersVideos.aspx">
                                                <img class="img-rounded" alt="" src="<%# Eval("album_path") %>" /></a>
                                        </div>
                                        <div class="span2">
                                            <p>
                                                <a href="OthersVideos.aspx"><span class="videoTitle"><%# Eval("album_name") %></span></a></p>
                                            <p>
                                                &nbsp
                                            </p>
                                        </div>
                                    </div>
                                </ItemTemplate>
                            </asp:Repeater>
                        </div>
                        <div class="tab-pane fade in active" id="oneMonth2">
                            <asp:Repeater ID="Repeater6" runat="server" OnItemCommand="rpt_Repeater3_ItemCommand">
                                <ItemTemplate>
                                    <div class="row">
                                        <div class="span1">
                                            <a href="OthersVideos.aspx">
                                                <img class="img-rounded" alt="" src="<%# Eval("album_path") %>" /></a>
                                        </div>
                                        <div class="span2">
                                            <p>
                                                <a href="OthersVideos.aspx"><span class="videoTitle"><%# Eval("album_name") %></span></a></p>
                                            <p>
                                                &nbsp
                                            </p>
                                        </div>
                                    </div>
                                </ItemTemplate>
                            </asp:Repeater>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <hr />
        <footer>
            <p>&copy; Company 2013</p>
        </footer>
    </div>
    <!-- /container -->
    </form>
    <script src="../js/jquery-2.0.0.min.js" type="text/javascript"></script>
    <script src="../js/bootstrap.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $('#reNameModel').modal(show);
        $('#delModel').modal(show);
        $('.carousel').carousel({
            interval: 2000
        })
        $(function () {
            $('.tabs a:last').tab('show')
        })          
    </script>
</body>
</html>
